<!-- 领导审阅-查看页 -->
<template>
  <view class="warning-info">
    <view class="title">督办信息  </view>
    <view class="row">
      <view class="w20">督办意见：</view>
    </view>
    <view class="row">
      <view>{{alarmInfo.opinions}}</view>
    </view>
    <view class="row">
      <view class="w20">督办人：</view>
      <view>{{ alarmInfo.urgeUserName}}</view>
    </view>
    <view class="row">
      <view class="w20">督办时间：</view>
      <view>{{ alarmInfo.urgeTime ? dayjs(alarmInfo.urgeTime).format('YYYY-MM-DD HH:mm:ss') : '--' }}</view>
    </view>
    <view class="row">
      <view class="w20">督办人签名：</view>
      <view>
        <image class="img-sign" :src="alarmInfo.urgeSignature" />
      </view>
    </view>
  </view>
</template>

<script setup>

import dayjs from "dayjs";
let props = defineProps({
  alarmInfo: {
    type: Object,
    default: () => {
      return {};
    }
  },
})
</script>

<style scoped lang="scss">
.index-all {
  width: 100vw;
  background: #f6f6f6;
}

.warning-info {
  background: #fff;
  margin: 0 20rpx 20rpx;
  border-radius: 20rpx;
  display: flex;
  flex-direction: column;
  padding: 20rpx;
  position: relative;
  .title{
    padding: 10px 15px;
    font-size: 18px;
    color: #303133;
    font-weight: 600;
    line-height: 22px;
  }
  ::v-deep .uv-collapse-item__content__text {
    padding: 12px 13px;

  }
  .row {
    color: #3D3D3D;
    line-height: 35px;
    display: flex;
    justify-content: space-between;
    padding: 0px 15px;
    .w20 {
      color: #8B8B8B!important;
      width: 30vw;
    }
  }
  .analysis {
    color: blue;
  }
}

</style>